import 'package:cook_dinner/widgets/input.dart';
import 'package:flutter/material.dart';
import 'package:cook_dinner/config/include.dart';

class CookMove extends StatelessWidget {
  const CookMove({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return SingleChildScrollView(
      padding: EdgeInsets.only(top: 19.rpx, left: 28.rpx, right: 28.rpx),
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: [
          Text(
            '步骤一',
            style: TextStyle(
              fontSize: 24.rpx,
              color: const Color(0xff333333),
            ),
          ),
          SizedBox(height: 45.rpx),
          Container(
            width: 384.rpx,
            padding: EdgeInsets.only(
              top: 18.3.rpx,
              left: 18.3.rpx,
              right: 18.3.rpx,
              bottom: 18.3.rpx,
            ),
            decoration: BoxDecoration(
              color: Colors.white,
              borderRadius: BorderRadius.circular(6.rpx),
              boxShadow: [
                BoxShadow(
                  offset: Offset(0, 2.rpx), // 垂直偏移4px，水平偏移0
                  blurRadius: 4.rpx, // 模糊半径20px
                  spreadRadius: 0, // 扩展半径0，保持阴影大小不变
                  color:
                      const Color(0xFF000000).withOpacity(0.1), // 颜色设置为透明度较低的黑色
                ),
              ],
            ),
            child: Column(
              children: [
                Image.asset(
                  'assets/images/dou03.png',
                  width: 346.rpx,
                  height: 182.rpx,
                ),
                Container(
                  width: double.infinity,
                  height: 54.8.rpx,
                  padding: EdgeInsets.only(left: 18.3.rpx),
                  margin: EdgeInsets.only(top: 18.3.rpx),
                  alignment: Alignment.centerLeft,
                  decoration: BoxDecoration(
                    borderRadius: BorderRadius.circular(8.rpx),
                    color: const Color(0xffF7F7F7),
                  ),
                  child: textInput(hintText: '使用到的工具', fontSize: 18.rpx),
                ),
                Container(
                  width: double.infinity,
                  height: 54.8.rpx,
                  padding: EdgeInsets.only(left: 18.3.rpx),
                  margin: EdgeInsets.only(top: 18.3.rpx),
                  alignment: Alignment.centerLeft,
                  decoration: BoxDecoration(
                    borderRadius: BorderRadius.circular(8.rpx),
                    color: const Color(0xffF7F7F7),
                  ),
                  child: textInput(
                      hintText: '填写具体操作方法（如：青豆洗干净）', fontSize: 18.rpx),
                ),
              ],
            ),
          ),
          SizedBox(height: 36.rpx),
          Center(
            child: InkWell(
              child: Container(
                width: 348.rpx,
                height: 60.rpx,
                margin: EdgeInsets.only(top: 12.rpx),
                alignment: Alignment.center,
                decoration: BoxDecoration(
                  borderRadius: BorderRadius.circular(6.rpx),
                  border:
                      Border.all(color: const Color(0xffFCC302), width: 1.rpx),
                ),
                child: Text(
                  '添加步骤',
                  style: TextStyle(
                      fontSize: 24.rpx, color: const Color(0xffFCC302)),
                ),
              ),
            ),
          ),
          SizedBox(height: HYSizeFit.screenHeight * 0.10),
          Center(
            child: InkWell(
              child: Container(
                width: 335.rpx,
                height: 48.rpx,
                alignment: Alignment.center,
                margin: EdgeInsets.only(bottom: 48.rpx),
                decoration: BoxDecoration(
                  color: const Color(0xffFCC302),
                  borderRadius: BorderRadius.circular(24.rpx),
                ),
                child: Text(
                  '发布',
                  style: TextStyle(
                    fontSize: 16.rpx,
                    color: Colors.white,
                  ),
                ),
              ),
            ),
          ),
        ],
      ),
    );
  }
}
